@charset "UTF-8";
/*body,html{height:100%;width:100%}*/
*{margin:0px;padding:0px;}
html,body{
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';-webkit-text-size-adjust:100%;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-weight:400;background:#FFFFFF;font-size:14px;color:#616161;
    height: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color:#222222;
}

textarea{font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;}
.CodeMirror{font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}
.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like{font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}

ol,ul{list-style:none}
li{list-style-type:none}

img { -ms-interpolation-mode: bicubic; /*IE 7.0+*/}
img { image-rendering: optimizeQuality; /* FF 3.6 */}

a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;color:#555555}
/* a:focus,a:hover{color:#4169E1}
hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}
hr.light{border-color:#FFFFFF}
h1,h2,h3{margin-top: 10px;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;letter-spacing:1px;font-family:"Microsoft YaHei",Arial,sans-serif;}
label{font-weight: normal; width: auto; margin: 0px;}
p{margin: 0px;} */

.mclear{clear: both; visibility: hidden; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px;}

.m-0{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}
.ml-0{margin-left:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.p-0{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}
.pl-0{padding-left:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.m-1{margin-top:5px!important;margin-right:5px!important;margin-bottom:5px!important;margin-left:5px!important}
.mt-1{margin-top:5px!important}
.mr-1{margin-right:5px!important}
.mb-1{margin-bottom:5px!important}
.ml-1{margin-left:5px!important}
.mx-1{margin-left:5px!important;margin-right:5px!important}
.my-1{margin-top:5px!important;margin-bottom:5px!important}
.p-1{padding-top:5px!important;padding-right:5px!important;padding-bottom:5px!important;padding-left:5px!important}
.pt-1{padding-top:5px!important}
.pr-1{padding-right:5px!important}
.pb-1{padding-bottom:5px!important}
.pl-1{padding-left:5px!important}
.px-1{padding-left:5px!important;padding-right:5px!important}
.py-1{padding-top:5px!important;padding-bottom:5px!important}
.m-2{margin-top:10px!important;margin-right:10px!important;margin-bottom:10px!important;margin-left:10px!important}
.mt-2{margin-top:10px!important}
.mr-2{margin-right:10px!important}
.mb-2{margin-bottom:10px!important}
.ml-2{margin-left:10px!important}
.mx-2{margin-left:10px!important;margin-right:10px!important}
.my-2{margin-top:10px!important;margin-bottom:10px!important}
.p-2{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}
.pt-2{padding-top:10px!important}
.pr-2{padding-right:10px!important}
.pb-2{padding-bottom:10px!important}
.pl-2{padding-left:10px!important}
.px-2{padding-left:10px!important;padding-right:10px!important}
.py-2{padding-top:10px!important;padding-bottom:10px!important}
.m-3{margin-top:15px!important;margin-right:15px!important;margin-bottom:15px!important;margin-left:15px!important}
.mt-3{margin-top:15px!important}
.mr-3{margin-right:15px!important}
.mb-3{margin-bottom:15px!important}
.ml-3{margin-left:15px!important}
.mx-3{margin-left:15px!important;margin-right:15px!important}
.my-3{margin-top:15px!important;margin-bottom:15px!important}
.p-3{padding-top:15px!important;padding-right:15px!important;padding-bottom:15px!important;padding-left:15px!important}
.pt-3{padding-top:15px!important}
.pr-3{padding-right:15px!important}
.pb-3{padding-bottom:15px!important}
.pl-3{padding-left:15px!important}
.px-3{padding-left:15px!important;padding-right:15px!important}
.py-3{padding-top:15px!important;padding-bottom:15px!important}
.m-4{margin-top:20px!important;margin-right:20px!important;margin-bottom:20px!important;margin-left:20px!important}
.mt-4{margin-top:20px!important}
.mr-4{margin-right:20px!important}
.mb-4{margin-bottom:20px!important}
.ml-4{margin-left:20px!important}
.mx-4{margin-left:20px!important;margin-right:20px!important}
.my-4{margin-top:20px!important;margin-bottom:20px!important}
.p-4{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}
.pt-4{padding-top:20px!important}
.pr-4{padding-right:20px!important}
.pb-4{padding-bottom:20px!important}
.pl-4{padding-left:20px!important}
.px-4{padding-left:20px!important;padding-right:20px!important}
.py-4{padding-top:20px!important;padding-bottom:20px!important}
.mx-auto{margin:0 auto!important;float:none!important}
.my-auto-parent{position:relative!important}
.my-auto{position:absolute!important;top:50%!important;transform:translateY(-50%)!important}

.red {color:red}
.mediumvioletred {color:mediumvioletred}
.khaki {color: khaki}


.fsize12 {font-size: 12px;}
.fsize15 {font-size: 15px;}
.fsize16 {font-size: 16px;}
.fsize18 {font-size: 18px;}
.fsize20 {font-size: 20px;}
.fsize22 {font-size: 22px;}
.text-center{text-align: center;justify-content: center;}
.stripspace{letter-spacing:0px;}


/*按钮样式*/
input{outline:0 !important;}
input:focus,input:hover{text-decoration:none;outline:0 !important;}

button{text-decoration:none;outline:0 !important;}
button:focus,button:hover{text-decoration:none;outline:0 !important;}

.text-primary,.text-primary:hover{color:#2c3e50}
.text-success,.text-success:hover{color:#18bc9c}
.text-danger,.text-danger:hover{color:#EE0A24}
.text-warning,.text-warning:hover{color:#f39c12}
.text-info,.text-info:hover{color:#3498db}

.alert-primary-light{background-color:#e2e5e8;border-color:#d0d4d8;color:#85878a}
.alert-primary-light a{color:#787a7d}
.alert-success-light{background-color:#dff0d8;border-color:#d1eac8;color:#468847}
.alert-success-light a{color:#3d773e}
.alert-danger-light,.alert-error-light{background-color:#f2dede;border-color:#ebcdcd;color:#b94a48}
.alert-danger-light a,.alert-error-light a{color:#a74240}
.alert-warning-light{background-color:#fcf8e3;border-color:#faf3cd;color:#c09853}
.alert-warning-light a{color:#b78c43}
.alert-info-light{background-color:#d9edf7;border-color:#c6e4f3;color:#3a87ad}
.alert-info-light a{color:#34789a}

.disflex { display: flex; }
.flex.center { align-items: center; }

#app{height: 100vh;}
.fheight{height: 100%;}
.eheader{background-color:#424242;border-color:#353644;color:#e0e0e0;height:40px!important;-webkit-box-shadow:0 0 6px 0 #2e2e2e;box-shadow:0 0 6px 0 #2e2e2e;z-index: 150;padding-left:10px;padding-right:10px}
.eheader .layout-top .left-opts { width: 300px; }

.eheader .elogo{margin-top: 4px;}
.eheader .elogo button{font-size: 14px; border: 0px; background-color:#F47023;}

.easide {background-color: #424242;}
.easide .el-scrollbar{height: 100%;}
.easide .el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;}
.easide .project-info{border-bottom:4px solid #2e2e2e;padding:8px 13px;color:#FFFFFF;}
.easide .project-info .project-title{min-height: 20px;}
.easide .project-info .project-title .el-select .el-input input{ color:#FFFFFF; font-size: 15px; border: 0px; background: none;}
.easide .project-info .name{font-size: 15px;}

.easide .api-searcher {padding: 10px 5px;}
.easide .api-searcher .el-input{line-height: 32px;}
.easide .api-searcher .el-input input{height: 32px;line-height: 32px;border-radius: 30px;}
.easide .api-searcher .el-input .el-input__icon{line-height: 32px;}

.easide .api-toolbar{padding: 10px 5px; color: #909398; padding-right: 16px;border-bottom:1px solid #2e2e2e;}
.easide .api-toolbar a{color: #909398;}
.easide .api-toolbar .right-opts{float: right;}
.easide .api-toolbar .right-opts .el-icon{font-size: 20px;}

.easide .api-catalog .method.POST{color:#eb5648}
.easide .api-catalog .method.WS{color:#549ff8}
.easide .api-catalog .method.GET{color:#57b382}
.easide .api-catalog .method.MD{color:#8fbc8f}
.easide .api-catalog .method.PUT{color:#4a90e2}
.easide .api-catalog .method.DELETE{color:red}

.api-catalog-dropsele .el-dropdown-menu__item{font-size: 12px;}
.api-catalog-item-dropsele .el-dropdown-menu__item{font-size: 12px;}

.easide .api-catalog .el-menu{border-right: 0px;}
.easide .api-catalog .el-menu .el-submenu__title{font-size: 13px;height:40px;line-height:40px;padding-left:8px !important;}
.easide .api-catalog .el-menu .el-submenu__title .el-dropdown{margin-top: -8px;}
.easide .api-catalog .el-menu .el-menu-item{font-size: 12px;height: 32px;line-height: 32px;padding-left:10px !important;}
.easide .api-catalog .el-menu .el-menu-item .el-icon{font-size: 13px;}
.easide .api-catalog .method{font-weight:bolder;margin-right:0px;display:inline-block;transform:scale(0.9);color:#009688;letter-spacing:0.5em;text-align:left;width:9px;overflow:hidden;cursor:pointer}
.easide .api-catalog .name{display:inline-block;width:170px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.easide .api-catalog .setting{display:inline-block;width:20px;text-align: center;position: relative;cursor:pointer}

.main-area .project-title .el-select .el-input{width:130px;}
.main-area .project-title .el-select .el-input input{font-size:13px;}
.main-area .panel-content{margin-top: 15px;}
.main-area .panel-content .request-uri .input-with-select{width: 100%;}
.main-area .panel-content .request-uri .input-with-select .el-select .el-input{width: 130px;}
.main-area .panel-content .request-uri .input-with-select .el-select .el-input input{color: #F47B34;}
.main-area .panel-content .request-uri .input-with-select>.el-input-group>.el-input__inner{font-size: 13px;}

.main-area .panel-content .request-payload .panel-docs .CodeMirror{font-size: 13px; line-height: 1.4em; height: auto !important; padding-bottom: 50px;}
.main-area .panel-content .request-payload .panel-docs .CodeMirror-wrap pre.CodeMirror-line{font-family: Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace !important;}
.main-area .panel-content .request-payload .panel-docs .CodeMirror-wrap pre.CodeMirror-line-like{font-family: Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace !important;}

.main-area .panel-content .request-payload .panel-docs .CodeMirror .CodeMirror-scroll{overflow-x: hidden !important; min-height: 50px; border: 1px solid #DCDFE6; border-radius: 4px; margin-right: 0px;}

.main-area .panel-content .request-payload .panel-requset .box01{margin-top: 10px;}
.main-area .panel-content .request-payload .panel-requset .box01 .v1{float: left;}
.main-area .panel-content .request-payload .panel-requset .box01 .v2{float: right;}
.main-area .panel-content .request-payload .panel-requset .box01 .v2 .el-select .el-input input{ color: #F47B34; text-align: right; font-size: 14px; border: 0px;}

.main-area .panel-content .request-payload .collapse-box{margin-top: 10px;}
.main-area .panel-content .request-payload .collapse-box .el-textarea textarea{font-size: 12px;}
.main-area .panel-content .request-payload .collapse-box .req-body .CodeMirror{font-size: 12px; height: auto !important; padding-bottom: 50px;}
.main-area .panel-content .request-payload .collapse-box .req-body .CodeMirror .CodeMirror-scroll{overflow-x: hidden !important; min-height: 50px; border: 1px solid #DCDFE6; border-radius: 4px; margin-right: 0px;}
.main-area .panel-content .request-payload .collapse-box .req-body .el-collapse-item__header .el-select .el-input{width: 230px;}
.main-area .panel-content .request-payload .collapse-box .req-body .el-collapse-item__header .el-select .el-input input{border: 0px;}

.main-area .panel-content .request-response{margin-top: 20px; margin-bottom: 80px;}
.main-area .panel-content .request-response .sbtn{cursor: pointer;}
.main-area .panel-content .request-response .result{font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size: 12px;min-height: 80px;}
.main-area .panel-content .request-response .el-card__body{padding: 0px;}
.main-area .panel-content .request-response .result .jv-code{font-size: 13px; padding: 10px 12px;}
.main-area .panel-content .request-response .result .response-datatext-cbtn{padding: 20px; padding-bottom: 0px; line-height: 22px;}
.main-area .panel-content .request-response .result .response-datatext{padding: 20px; line-height: 22px;}
.main-area .panel-content .request-response .result .response-headers{padding: 20px; line-height: 22px;}
